<template lang="html">
  <div>
    <sui-card>
      <sui-image src="static/images/avatar/large/kristy.png" />
      <sui-card-content>
        <sui-card-header>Kristy</sui-card-header>
        <sui-card-meta>Joined in 2013</sui-card-meta>
        <sui-card-description
          >Kristy is an art director living in New York.</sui-card-description
        >
      </sui-card-content>
      <sui-card-content extra>
        <sui-icon name="user" />
        22 Friends
      </sui-card-content>
    </sui-card>
  </div>
</template>

<script>
export default {
  name: 'Card1Example',
};
</script>
